<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            height: 3000px;
        }
    </style>
</head>

<body>


</body>
<script>
    // 先判断-->true, 关阀门, 100毫秒之后输出(打开阀门), 往复循环

    // ①声明一个开关, 默认状态是打开的
    let flag = true;
    window.onscroll = function () {
        // ②判断开关是否打开
        if (flag == true) {
            // 操作DOM元素
            // 想办法减少log的触发频率
            setTimeout(function () {
                // 阀门打开
                flag = true;
            }, 500)

            // 输出
            console.log(1);
            // ③立刻关闭阀门, 同时定义定时器,一段时间之后输出内容
            flag = false;
        }
    }
</script>

</html>